<div class="_recharge_authentication">
	<div class="text_method_payment">
		<span><?php echo 'Nạp tiền xác thực';?></span>
	</div>

	<div class="account_infomation">
		
		<p>
			Để tiến hành xác thực thẻ tín dụng quốc tế, Bảo Kim sẽ tự động thu của bạn một số tiền nằm trong khoảng từ <b> 10.000 VNĐ</b> đến 
			<b>50.000 VNĐ</b>. Số tiền này Bảo Kim <b>KHÔNG</b> lấy mà cộng vào tài khoản của bạn trên Bảo Kim sau khi xác thực thành công. Với hình thức xác thực này,
			bạn chỉ mất một số chi phí rất nhỏ cho một lần xác thực <b>TỰ ĐỘNG DUY NHẤT</b>
		</p>
		
		<p><b>Chọn loại thẻ</b></p>
		
		<div class="logo_visa" id="logo_visa">
			<ul>
				<li val="visa"><img src="../images/visa.gif" alt=""></li>
				<li val="mastercard"><img src="../images/mastercard.gif" alt=""></li>
				<li val="paypal"><img src="../images/paypal.gif" alt=""></li>
			</ul>
		</div>
		
		<input id="selected_card" name="selected_card">
		
		
	<div class="area_verify">
		<form method="post" action="" name="VisaVerify" class="formVisa">
			<div class="row_visa">
				<label><?php echo 'Số thẻ';?>:</label>
				<input type="text" name="number_card" value="" id="input_phone_card_name" onkeypress="return numbersonly(this, event)">
			</div>

			
			<div class="row_visa">
				<label><?php echo 'Ngày hết hạn';?>:</label>
				<div class="text_transaction_fees input_release_account">
					<select name="month" class="month_release">
						<option value="01">1</option>
						<option value="02">2</option>
						<option value="03">3</option>
						<option value="04">4</option>
						<option value="05">5</option>
						<option value="06">6</option>
						<option value="07">7</option>
						<option value="08">8</option>
						<option value="09">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					
					<select name="year" class="year_release">
						<option value="2012">2012</option>
						<option value="2011">2011</option>
						<option value="2010">2010</option>
						<option value="2009">2009</option>
						<option value="2008">2008</option>
						<option value="2007">2007</option>
						<option value="2006">2006</option>
						<option value="2005">2005</option>
						<option value="2004">2004</option>
						<option value="2003">2003</option>
						<option value="2002">2002</option>
						<option value="2001">2001</option>
						<option value="2000">2000</option>
					</select>
				</div>
			</div>
			
			<div class="row_visa">
				<label>Security code:</label>
				<input type="text" name="secure_code" value="" id="input_security_code" onkeypress="return numbersonly(this, event)">
			</div>
			
			<div class="row_visa">
				<input type="checkbox" name="commitment" class="commitment_visa" id="commitment_visa">
				<label for="commitment_visa"  class="text_commitment">Tôi đồng ý với <a href="#">Chính sách bảo mật</a> và <a href="#">Điều khoản dịch vụ </a> của Bảo Kim</label>
			</div>
			
			<button class="classname1 submit_visa">Đồng ý, hãy cho tôi xác thực ngay</button>
			
			
		</form>
		
		<div class="img_visa_card" id="img_visa_card">
			<div class="img_name_bank_account" id="img_name_bank_account">
				<img src="<?php echo '../images/credit/the-tin-dung1.png'; ?>" alt="">
				<span><?php echo 'Số thẻ gồm 16 số, không chứa dấu cách hoặc';?> "-" <br> <?php echo 'Ví du';?>: 0112 4567 1234 4567	</span>
			</div>
			<div class="img_seri_bank_account" id="img_date_bank_account">
				<img src="<?php echo '../images/credit/the-tin-dung2.png'; ?>" alt="">
				<span><?php echo 'Tháng năm hết hạn của thẻ';?> <br> <?php echo 'Ví dụ';?>: 10 - 2012</span>
			</div>
			<div class="img_date_bank_account" id="img_seri_bank_account">
				<img src="<?php echo '../images/credit/the-tin-dung3.png'; ?>" alt="">
				<span>Security code</span>
			</div>
		</div>
	</div>
		
		

	</div>
</div>

<script type="text/javascript">
	$("#logo_visa ul li").click(function(){
		$("#logo_visa ul li").css('opacity',0.33);
		$(this).css('opacity',1);
		
		var val =$(this).attr('val');
		console.log(val);
		$("#selected_card").val(val);
		
		$(".area_verify").show('fast');
	})

	$("#input_phone_card_name").focus(function(){
		$("#img_visa_card div").hide();
		$("#img_name_bank_account").show();
	});
		
	$(".month_release , .year_release").focus(function(){
		$("#img_visa_card div").hide();
		$("#img_date_bank_account").show();
	});
	
	$("#input_security_code ").focus(function(){
		$("#img_visa_card div").hide();
		$("#img_seri_bank_account").show();
	});
	
	$("form[name='VisaVerify']").submit(function(){
		var permmition=$(".commitment_visa:checked").length;
		
		if(permmition==1) return true;
		else{
			 return false;
		}
	});
	
	function numbersonly(myfield, e, dec)
	{
		var key;
		var keychar;

		if (window.event)
			key = window.event.keyCode;
		else if (e)
			key = e.which;
		else
			return true;
		keychar = String.fromCharCode(key);

		//control keys
		if((key==null) || (key==0) || (key==8) ||
			(key==9) || (key==13) || (key==27) )
			return true;

		// numbers
		else
		 if ((("0123456789").indexOf(keychar) > -1))
			return true;

		// decimal point jump
		else if (dec && (keychar == "."))
			{
			myfield.form.elements[dec].focus();
			return false;
			}
		else
			return false;
	}
</script>